<!doctype html>


<html>
<head>
  <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
  <title>Path (Closure Library API Documentation - JavaScript)</title>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/doc.css">
  <link rel="stylesheet" href="static/css/sidetree.css">
  <link rel="stylesheet" href="static/css/prettify.css">

  <script>
     var _staticFilePath = "static/";
     var _typeTreeName = "goog";
     var _fileTreeName = "Source";
  </script>

  <script src="static/js/doc.js">
  </script>

  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script type="text/javascript">
     google.load("visualization", "1", {packages:["orgchart"]});
     var _loadingVisualizations = true;
  </script>

  <meta charset="utf8">
</head>

<body onload="grokdoc.onLoad();">

<div id="header">
  <div class="g-section g-tpl-50-50 g-split">
    <div class="g-unit g-first">
      <a id="logo" href="index.html">Closure Library API Documentation</a>
    </div>

    <div class="g-unit">
      <div class="g-c">
        <strong>Go to class or file:</strong>
        <input type="text" id="ac">
      </div>
    </div>
  </div>
</div>





<div class="colmask rightmenu">
<div class="colleft">
    <div class="col1">
      <!-- Column 1 start -->

<div id="title">
        <span class="fn">graphics.ext.Path</span>
        <span>Extends</span>
        <span class="fn-name">
          <a href="class_goog_graphics_Path.html">
          goog.graphics.Path
</a>
        </span>
</div>

<div class="g-section g-tpl-75-25">
  <div class="g-unit g-first" id="description">
    Creates a path object

  </div>


        <div class="g-unit" id="useful-links">
          <div class="title">Useful links</div>
          <ol>
            <li><a href="local_closure_goog_graphics_ext_path.js.source.html"><span class='source-code-link'>Source Code</span></a></li>
            <li><a href="http://code.google.com/p/closure-library/source/browse/local/closure/goog/graphics/ext/path.js">Git</a></li>
          </ol>
        </div>
</div>






<h2 class="g-first">Inheritance</h2>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
  <tr><td><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span></td><td></td></tr>
  <tr><td>goog.graphics.ext.Path</td><td><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span></td></tr>
</table>
</div>
<div class='gviz-org-chart-container goog-inline-block'>
<table class='gviz-org-chart' style='display:none'>
</table>
</div>




  <h2>Constructor</h2>
      <div class="fn-constructor">
    goog.graphics.ext.Path(<span></span>)
  </div>



<h2>Instance Methods</h2>


  <div class="legend">
        <span class="key publickey"></span><span>Public</span>
        <span class="key protectedkey"></span><span>Protected</span>
        <span class="key privatekey"></span><span>Private</span>
  </div>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_graphics_ext_Path.html">
              goog.graphics.ext.Path
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.ext.Path.prototype.clone"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">clone<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>
      </div>


     <div class="entryOverview">
       Clones the path.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>&nbsp;
            A clone of this path.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line58">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.ext.Path.prototype.getBoundingBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getBoundingBox<span class="args">()</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>&nbsp;
            The bounding box of the path, or null if the
    path is empty.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line121">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.ext.Path.prototype.modifyBounds"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">modifyBounds<span class="args">(<span class="arg">deltaX</span>,&nbsp;<span class="arg">deltaY</span>,&nbsp;<span class="arg">xFactor</span>,&nbsp;<span class="arg">yFactor</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>
      </div>


     <div class="entryOverview">
       Modify the bounding box of the path.  This may cause the path to be
simplified (i.e. arcs converted to curves) as a side-effect.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">deltaX</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">How far to translate the x coordinates.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">deltaY</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">How far to translate the y coordinates.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">xFactor</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">After translation, all x coordinates are multiplied
    by this number.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">yFactor</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">After translation, all y coordinates are multiplied
    by this number.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line94">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.ext.Path.prototype.transform"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">transform<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>
      </div>


     <div class="entryOverview">
       Transforms the path. Only simple paths are transformable. Attempting
to transform a non-simple path will throw an error.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span>
        <div class="entryOverview">The transformation to perform.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_ext_Path.html">goog.graphics.ext.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line73">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.ext.Path.prototype.useBoundingBox"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">useBoundingBox<span class="args">(<span class="arg">bounds</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Set the precomputed bounds.

     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">bounds</span>
        : <span>?</span><span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>
        <div class="entryOverview">The bounds to use, or set to null to clear
    and recompute on the next call to getBoundingBox.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line112">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_graphics_Path.html">
              goog.graphics.Path
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.appendPath"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">appendPath<span class="args">(<span class="arg">path</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Appends another path to the end of this path.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">path</span>
        : <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
        <div class="entryOverview">The path to append.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            This path.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line134">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td class="deprecated">
    <a name="goog.graphics.Path.prototype.arc"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">arc<span class="args">(<span class="arg">cx</span>,&nbsp;<span class="arg">cy</span>,&nbsp;<span class="arg">rx</span>,&nbsp;<span class="arg">ry</span>,&nbsp;<span class="arg">fromAngle</span>,&nbsp;<span class="arg">extent</span>,&nbsp;<span class="arg">connect</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       <span class="deprecatedMessage">Use <code> arcTo</code> or <code> arcToAsCurves</code> instead.</span>
       Adds a path command to draw an arc centered at the point <code> (cx, cy)</code>
with radius <code> rx</code> along the x-axis and <code> ry</code> along the y-axis from
<code> startAngle</code> through <code> extent</code> degrees. Positive rotation is in
the direction from positive x-axis to positive y-axis.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">cx</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">X coordinate of center of ellipse.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">cy</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Y coordinate of center of ellipse.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">rx</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on x axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">ry</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on y axis.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">fromAngle</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Starting angle measured in degrees from the
    positive x-axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">extent</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The span of the arc in degrees.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">connect</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
        <div class="entryOverview">If true, the starting point of the arc is connected
    to the current point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line280">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.arcTo"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">arcTo<span class="args">(<span class="arg">rx</span>,&nbsp;<span class="arg">ry</span>,&nbsp;<span class="arg">fromAngle</span>,&nbsp;<span class="arg">extent</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Adds a path command to draw an arc starting at the path's current point,
with radius <code> rx</code> along the x-axis and <code> ry</code> along the y-axis from
<code> startAngle</code> through <code> extent</code> degrees. Positive rotation is in
the direction from positive x-axis to positive y-axis.

This method makes the path non-simple.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">rx</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on x axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">ry</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on y axis.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">fromAngle</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Starting angle measured in degrees from the
    positive x-axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">extent</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The span of the arc in degrees.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line311">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.arcToAsCurves"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">arcToAsCurves<span class="args">(<span class="arg">rx</span>,&nbsp;<span class="arg">ry</span>,&nbsp;<span class="arg">fromAngle</span>,&nbsp;<span class="arg">extent</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Same as <code> arcTo</code>, but approximates the arc using bezier curves.
As a result, this method does not affect the simplified status of this path.
The algorithm is adapted from <code> java.awt.geom.ArcIterator</code>.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">rx</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on x axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">ry</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Radius of ellipse on y axis.</div>
     </td>
   </tr>
     
   <tr class="even">
     <td>
        <span class="entryName">fromAngle</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Starting angle measured in degrees from the
    positive x-axis.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">extent</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">The span of the arc in degrees.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line337">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.clear"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">clear<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Clears the path.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line152">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.clone"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">clone<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            A copy of this path.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line405">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.close"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">close<span class="args">()</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Adds a path command to close the path by connecting the
last point to the first point.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line248">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.createTransformedPath"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">createTransformedPath<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Creates a transformed copy of this path. The path is simplified
 prior to transformation.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span>
        <div class="entryOverview">The transformation to perform.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            A new, transformed path.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line476">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.curveTo"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">curveTo<span class="args">(<span class="arg">var_args</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Adds points to the path by drawing cubic Bezier curves. Each curve is
specified using 3 points (6 coordinates) - two control points and the end
point of the curve.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">var_args</span>
        : <span class="type">...number</span>
        <div class="entryOverview">The coordinates specifiying each curve in sets of
    6 points: <code> [x1, y1]</code> the first control point, <code> [x2, y2]</code> the
    second control point and <code> [x, y]</code> the end point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line221">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.forEachSegment"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">forEachSegment<span class="args">(<span class="arg">callback</span>)</span>
        </span>
      </div>


     <div class="entryOverview">
       Iterates over the path calling the supplied callback once for each path
segment. The arguments to the callback function are the segment type and
an array of its arguments.

The <code> LINETO</code> and <code> CURVETO</code> arrays can contain multiple
segments of the same type. The number of segments is the length of the
array divided by the segment length (2 for lines, 6 for  curves).

As a convenience the <code> ARCTO</code> segment also includes the end point as the
last two arguments: <code> rx, ry, fromAngle, extent, x, y</code>.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">callback</span>
        : <span class="type">function(number, Array</span>)
        <div class="entryOverview">The function to call with each
    path segment.</div>
     </td>
   </tr>
  </table>
      </div>
   
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line379">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.getCurrentPoint"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">getCurrentPoint<span class="args">()</span>
        </span>
        &#8658; <span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&gt;
      </div>


     <div class="entryOverview">
       Returns the coordinates most recently added to the end of the path.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>?</span><span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Array">Array</a></span>.&lt;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>&gt;&nbsp;
            An array containing the ending coordinates of the
    path of the form <code> [x, y]</code>.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line397">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.isEmpty"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isEmpty<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            Whether the path is empty.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line509">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.isSimple"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">isSimple<span class="args">()</span>
        </span>
        &#8658; <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>
      </div>


     <div class="entryOverview">
       Returns true if this path contains no arcs. Simplified paths can be
created using <code> createSimplifiedPath</code>.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Boolean">boolean</a></span>&nbsp;
            True if the path contains no arcs.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line423">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.lineTo"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">lineTo<span class="args">(<span class="arg">var_args</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Adds points to the path by drawing a straight line to each point.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">var_args</span>
        : <span class="type">...number</span>
        <div class="entryOverview">The coordinates of each destination point as x, y
    value pairs.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line191">code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.moveTo"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">moveTo<span class="args">(<span class="arg">x</span>,&nbsp;<span class="arg">y</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Adds a point to the path by moving to the specified point. Repeated moveTo
commands are collapsed into a single moveTo.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">x</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">X coordinate of destination point.</div>
     </td>
   </tr>
     
   <tr class="odd">
     <td>
        <span class="entryName">y</span>
        : <span class="type"><a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Global_Objects/Number">number</a></span>
        <div class="entryOverview">Y coordinate of destination point.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line171">code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>






  <td>
    <a name="goog.graphics.Path.prototype.transform"></a>


     <div class="arg">
       <img align="left" src="static/images/blank.gif">

        <span class="entryName">transform<span class="args">(<span class="arg">tx</span>)</span>
        </span>
        &#8658; <span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>
      </div>


     <div class="entryOverview">
       Transforms the path. Only simple paths are transformable. Attempting
to transform a non-simple path will throw an error.


     </div>


    <! -- Method details -->
    <div class="entryDetails">

      <div class="detailsSection">
        <b>Arguments: </b>






<table class="horiz-rule">
     
   <tr class="even">
     <td>
        <span class="entryName">tx</span>
        : <span>!</span><span class="type"><a href="class_goog_graphics_AffineTransform.html">goog.graphics.AffineTransform</a></span>
        <div class="entryOverview">The transformation to perform.</div>
     </td>
   </tr>
  </table>
      </div>
   
      <div class="detailsSection">
        <b>Returns:</b>&nbsp;<span>!</span><span class="type"><a href="class_goog_graphics_Path.html">goog.graphics.Path</a></span>&nbsp;
            The path itself.
      </div>
  
    </div>
   
  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line490">code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>




<h2>Instance Properties</h2>







<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_graphics_ext_Path.html">
              goog.graphics.ext.Path
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.graphics.ext.Path.prototype.bounds_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">bounds_</span>
        : <span class="type"><a href="class_goog_math_Rect.html">goog.math.Rect</a></span>
     </div>


     <div class="entryOverview">
       Optional cached or user specified bounding box.  A user may wish to
precompute a bounding box to save time and include more accurate
computations.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line50">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry public">
       <td class="access"></td>





  <a name="goog.graphics.ext.Path.prototype.constructor"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">constructor</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line37">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>

<div>
       <div class="desc">
         Defined in
         <span class="fn-name">
            <a href="class_goog_graphics_Path.html">
              goog.graphics.Path
            </a>
         </span>
       </div>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.arguments_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">arguments_</span>
        : 
     </div>


     <div class="entryOverview">
       The arguments corresponding to each of the segments.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line59">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.closePoint_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">closePoint_</span>
        : 
     </div>


     <div class="entryOverview">
       The coordinates of the point which closes the path (the point of the
last moveTo command).

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line69">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.count_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">count_</span>
        : 
     </div>


     <div class="entryOverview">
       The number of repeated segments of the current type.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line52">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.currentPoint_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">currentPoint_</span>
        : 
     </div>


     <div class="entryOverview">
       The coordinates most recently added to the end of the path.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line77">Code &raquo;</a>
  </td>
     </tr>


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.segments_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">segments_</span>
        : 
     </div>


     <div class="entryOverview">
       The segment types that constitute this path.

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line45">Code &raquo;</a>
  </td>
     </tr>


     <tr class="odd entry private">
       <td class="access"></td>





  <a name="goog.graphics.Path.prototype.simple_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryName">simple_</span>
        : 
     </div>


     <div class="entryOverview">
       Flag for whether this is a simple path (contains no arc segments).

     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_path.js.source.html#line85">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>
</div>










<div class="section">
  <table class="horiz-rule">


  </table>
</div>



<h2>Static Properties</h2>






<div class="section">
  <table class="horiz-rule">


     <tr class="even entry private">
       <td class="access"></td>





  <a name="goog.graphics.ext.Path.superClass_"></a>

  <td>


     <div class="arg">
        <img align="left" src="static/images/blank.gif">

        <span class="entryNamespace">goog.graphics.ext.Path.</span><span class="entryName">superClass_</span>
        : 
     </div>


     <div class="entryOverview">
       <span class='nodesc'>No description.</span>
     </div>

  </td>


  <td class="view-code">
     <a href="local_closure_goog_graphics_ext_path.js.source.html#line37">Code &raquo;</a>
  </td>
     </tr>


  </table>
</div>









<div class="section">
  <table class="horiz-rule">


  </table>
</div>
      <!-- Column 1 end -->
    </div>

        <div class="col2">
          <!-- Column 2 start -->
          <div class="col2-c">
            <h2 id="ref-head">Package graphics.ext</h2>
            <div id="localView"></div>
          </div>

          <div class="col2-c">
            <h2 id="ref-head">Package Reference</h2>
            <div id="sideTypeIndex" rootPath="" current="graphics.ext.Path"></div>
          </div>
          <!-- Column 2 end -->
        </div>
</div>
</div>

</body>
</html>
